<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <!-- Meta, title, CSS, favicons, etc. -->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>graduation Manager! | </title>

  <!-- Bootstrap -->
  <link href="/graduation-manager/vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
  <!-- Font Awesome -->
  <link href="/graduation-manager/vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  <!-- NProgress -->
  <!--<link href="/graduation-manager/vendors/nprogress/nprogress.css" rel="stylesheet">-->
  <!-- iCheck -->
  <!--<link href="/graduation-manager/vendors/iCheck/skins/flat/green.css" rel="stylesheet">-->

  <!-- bootstrap-progressbar -->
  <!--<link href="/graduation-manager/vendors/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css"-->
  <!--rel="stylesheet">-->
  <!-- JQVMap -->
  <!--<link href="/graduation-manager/vendors/jqvmap/dist/jqvmap.min.css" rel="stylesheet"/>-->
  <!-- bootstrap-daterangepicker -->
  <!--<link href="/graduation-manager/vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">-->

  <!-- Custom Theme Style -->
  <link href="/graduation-manager/build/css/custom.min.css" rel="stylesheet">
</head>

<body class="nav-md">
<div class="container body">
  <div class="main_container">

    <div class="col-md-3 left_col">
      <div class="left_col scroll-view">
        <div class="navbar nav_title" style="border: 0;">
          <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Management !</span></a>
        </div>

        <div class="clearfix"></div>

        <!-- menu profile quick info -->
        <div class="profile clearfix">
          <div class="profile_pic">
            <img src="/graduation-manager/production/images/img.jpg" alt="..." class="img-circle profile_img">
          </div>
          <div class="profile_info">
            <span>Welcome,</span>
            <h2>Ting Wen</h2>
          </div>
        </div>
        <!-- /menu profile quick info -->

        <br/>

        <!-- sidebar menu -->
        <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
          <div class="menu_section">
            <h3>General</h3>
            <ul class="nav side-menu">
              <li><a><i class="fa fa-cog"></i> 信息管理 <span class="fa fa-chevron-down"></span></a>
                <ul class="nav child_menu">
                  <li><a data-href="">修改个人资料</a></li>
                  <li><a data-href="">修改登录密码</a></li>
                  <li><a data-href="">修改头像</a></li>
                </ul>
              </li>
              <li><a data-href=""><i class="fa fa-desktop"></i> 我的任务 <span></span></a>
              </li>
            </ul>
          </div>

        </div>
        <!-- /sidebar menu -->

        <!-- /menu footer buttons -->
        <div class="sidebar-footer hidden-small">
          <a data-toggle="tooltip" data-placement="top" title="Settings">
            <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
          </a>
          <a data-toggle="tooltip" data-placement="top" title="FullScreen">
            <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
          </a>
          <a data-toggle="tooltip" data-placement="top" title="Lock">
            <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
          </a>
          <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
            <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
          </a>
        </div>
        <!-- /menu footer buttons -->
      </div>
    </div>
    <!-- top navigation -->
    <div class="top_nav">
      <div class="nav_menu">
        <nav>
          <div class="nav toggle">
            <a id="menu_toggle"><i class="fa fa-bars"></i></a>
          </div>

          <ul class="nav navbar-nav navbar-right">
            <li class="">
              <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown"
                 aria-expanded="false">
                <img src="/graduation-manager/production/images/img.jpg" alt="">John Doe
                <span class=" fa fa-angle-down"></span>
              </a>
              <ul class="dropdown-menu dropdown-usermenu pull-right">
                <li><a href="javascript:;"> Profile</a></li>
                <li>
                  <a href="javascript:;">
                    <span class="badge bg-red pull-right">50%</span>
                    <span>Settings</span>
                  </a>
                </li>
                <li><a href="javascript:;">Help</a></li>
                <li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a></li>
              </ul>
            </li>

            <li role="presentation" class="dropdown">
              <a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown"
                 aria-expanded="false">
                <i class="fa fa-envelope-o"></i>
                <span class="badge bg-green">6</span>
              </a>
              <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
                <li>
                  <a>
                    <span class="image"><img src="/graduation-manager/production/images/img.jpg"
                                             alt="Profile Image"/></span>
                        <span>
                          <span>John Smith</span>
                          <span class="time">3 mins ago</span>
                        </span>
                        <span class="message">
                          Film festivals used to be do-or-die moments for movie makers. They were where...
                        </span>
                  </a>
                </li>
                <li>
                  <a>
                    <span class="image"><img src="/graduation-manager/production/images/img.jpg"
                                             alt="Profile Image"/></span>
                        <span>
                          <span>John Smith</span>
                          <span class="time">3 mins ago</span>
                        </span>
                        <span class="message">
                          Film festivals used to be do-or-die moments for movie makers. They were where...
                        </span>
                  </a>
                </li>
                <li>
                  <a>
                    <span class="image"><img src="/graduation-manager/production/images/img.jpg"
                                             alt="Profile Image"/></span>
                        <span>
                          <span>John Smith</span>
                          <span class="time">3 mins ago</span>
                        </span>
                        <span class="message">
                          Film festivals used to be do-or-die moments for movie makers. They were where...
                        </span>
                  </a>
                </li>
                <li><a><span class="image"><img src="/graduation-manager/production/images/img.jpg"
                                                alt="Profile Image"/></span>
                        <span>
                          <span>John Smith</span>
                          <span class="time">3 mins ago</span>
                        </span>
                        <span class="message">
                          Film festivals used to be do-or-die moments for movie makers. They were where...
                        </span>
                </a>
                </li>
                <li>
                  <div class="text-center">
                    <a>
                      <strong>See All Alerts</strong>
                      <i class="fa fa-angle-right"></i>
                    </a>
                  </div>
                </li>
              </ul>
            </li>
          </ul>
        </nav>
      </div>
    </div>
    <!-- /top navigation -->
    <!-- page content -->
    <div class="right_col" role="main">
      <!--content title-->
      <div class="">
        <div class="page-title">
          <div class="title_left">
            <h5>
              <ul class="breadcrumb">
                <li><a href="#">Home</a></li>
                <li><a href="#">Database</a></li>
              </ul>
            </h5>
          </div>
          <div class="title_right">
            <!--<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">-->
            <!--<div class="input-group">-->
            <!--<input type="text" class="form-control" placeholder="Search for...">-->
            <!--<span class="input-group-btn">-->
            <!--<button class="btn btn-default" type="button">Go!</button>-->
            <!--</span>-->
            <!--</div>-->
          </div>
        </div>
      </div>

      <div class="clearfix"></div>

      <!-- content starts -->
      <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
          <div id="content"></div>
        </div>
      </div>
      <!-- /page content -->
    </div>
  </div>
  <!-- footer content -->
  <footer>
    <div class="pull-right">
      Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
    </div>
    <div class="clearfix"></div>
  </footer>
  <!-- /footer content -->
</div>
<!-- jQuery -->
<script src="/graduation-manager/vendors/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="/graduation-manager/vendors/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- FastClick -->
<!--<script src="/graduation-manager/vendors/fastclick/lib/fastclick.js"></script>-->
<!-- NProgress -->
<!--<script src="/graduation-manager/vendors/nprogress/nprogress.js"></script>-->
<!-- iCheck -->
<!--<script src="/graduation-manager/vendors/iCheck/icheck.min.js"></script>-->
<!-- Datatables -->
<script src="/graduation-manager/vendors/datatables.net/js/jquery.dataTables.js"></script>
<!--<script src="/graduation-manager/vendors/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>-->
<!--<script src="/graduation-manager/vendors/datatables.net-buttons/js/dataTables.buttons.min.js"></script>-->
<!--<script src="/graduation-manager/vendors/datatables.net-buttons-bs/js/buttons.bootstrap.min.js"></script>-->
<!--<script src="/graduation-manager/vendors/datatables.net-buttons/js/buttons.flash.min.js"></script>-->
<!--<script src="/graduation-manager/vendors/datatables.net-buttons/js/buttons.html5.min.js"></script>-->
<!--<script src="/graduation-manager/vendors/datatables.net-buttons/js/buttons.print.min.js"></script>-->
<!--<script src="/graduation-manager/vendors/datatables.net-fixedheader/js/dataTables.fixedHeader.min.js"></script>-->
<!--<script src="/graduation-manager/vendors/datatables.net-keytable/js/dataTables.keyTable.min.js"></script>-->
<!--<script src="/graduation-manager/vendors/datatables.net-responsive/js/dataTables.responsive.min.js"></script>-->
<!--<script src="/graduation-manager/vendors/datatables.net-responsive-bs/js/responsive.bootstrap.js"></script>-->
<!--<script src="/graduation-manager/vendors/datatables.net-scroller/js/dataTables.scroller.min.js"></script>-->
<!--<script src="/graduation-manager/vendors/jszip/dist/jszip.min.js"></script>-->
<!--<script src="/graduation-manager/vendors/pdfmake/build/pdfmake.min.js"></script>-->
<!--<script src="/graduation-manager/vendors/pdfmake/build/vfs_fonts.js"></script>-->
<script src="/graduation-manager/vendors/toastr/toastr.min.js"></script>
<script src="/graduation-manager/vendors/jquery-confirm/js/jquery-confirm.js"></script>
<!-- Custom Theme Scripts -->
<script src="/graduation-manager/build/js/custom.js"></script>
<script src="/graduation-manager/build/js/common.js"></script>

</body>
</html>
